// 文字超出单行宽度显示省略号
.textLineHidden {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

// 文字超出多行高度显示省略号
.generate-columns(@n, @i: 2) when (@i =< @n) {
  .text@{i}LineHidden {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @i;
  }
  .generate-columns(@n, (@i + 1));
}
.generate-columns(10);

// 背景图自适应
.autoBG {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

// 盒子边距
.box {
  box-sizing: border-box;
}

// 图片阴影
.shadowBG {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    top: 10%;
    width: 100%;
    height: 100%;
    background: inherit;
    background-size: 100% 100%;
    filter: blur(10rpx) brightness(80%) opacity(.8);
    z-index: -1;
  }
}